<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>websocket</title>
</head>
</head>
<script type="text/javascript">
    var socket;


    if (!window.WebSocket) {
        window.WebSocket = window.MozWebSocket;
    }

    if (window.WebSocket) {
        socket = new WebSocket("ws://localhost:7379/websocket");

        socket.onmessage = function (event) {

            var ta = document.getElementById('responseText');
            ta.value += event.data + "\r\n";
        };

        socket.onopen = function (event) {

            var ta = document.getElementById('responseText');
            ta.value = "打开WebSoket 服务正常，浏览器支持WebSoket!" + "\r\n";

        };

        socket.onclose = function (event) {

            var ta = document.getElementById('responseText');
            ta.value = "";
            ta.value = "WebSocket 关闭" + "\r\n";
        };
    } else {
        alert("您的浏览器不支持WebSocket协议！");
    }

    function send(message) {
        if (!window.WebSocket) {
            return;
        }
        if (socket.readyState == WebSocket.OPEN) {
            socket.send(message);
        } else {
            alert("WebSocket 连接没有建立成功！");
        }

    }

</script>
<body>
<form onSubmit="return false;">
    <input type="text" name="message" value="Netty The Sinper"/>
    <br/><br/>
    <input type="button" value="发送" onClick="send(this.form.message.value)"/>
    <hr color="blue"/>
    <h3>服务端返回的应答消息</h3>
    <textarea id="responseText" style="width: 1024px;height: 300px;"></textarea>
</form>
</body>
</html>